<!DOCTYPE html>
<html>
<%include html-head%>
<body>
	<div data-role="page" data-fullscreen="true">
		<%include page-header%>

		<div role="main" class="ui-content">
			<div class="ui-grid-a">
				<div class="ui-block-a" style="width:300px">
                        <ul data-role="listview" data-inset="true">
                            <li><a href="/getAccounts" rel="external">Accounts</a></li>
                        </ul>
                        <ul data-role="listview" data-inset="true">
                            <li><a href="/getGateways" rel="external">Gateways</a></li>
                        </ul>
                        <ul data-role="listview" data-inset="true">
                            <li><a href="/getControllers" rel="external">Controllers</a></li>
                        </ul>
                        <ul data-role="listview" data-inset="true">
                            <li><a href="/getGroups" rel="external">Groups</a></li>
                        </ul>
                        <ul data-role="listview" data-inset="true">
                            <li><a href="/getTasks" rel="external">Tasks</a></li>
                        </ul>
                        
                        <ul data-role="listview" data-inset="true">
                            <li><a href="/getPlans" rel="external">Plans</a></li>
                        </ul>                  
                        
						<ul data-role="listview" data-inset="true">
							<li><a href="/setPassword" rel="external">Change Password</a></li>
						</ul>
				</div>
				<div class="ui-block-b" style="margin-left:30px">
					<div style="text-align:center;"><p><h1>welcome to use Ocean web system!</h1></p></div>
				</div>
			</div>
			<!-- /grid-a -->
		</div>

		<%include page-footer%>
	</div>
</body>
</html>